<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>添加商品分类</title>
    <style>
        /* Labubu风格颜色变量 */
        :root {
            --primary: #FF6B9B;     /* Labubu主色调：粉色 */
            --secondary: #9A7DFF;   /* Labubu辅助色：紫色 */
            --accent: #FFD166;      /* Labubu强调色：黄色 */
            --bg-light: #FFF5F8;    /* Labubu浅色背景 */
            --bg-dark: #FFFFFF;     /* 表单背景色 */
            --text-dark: #5A5A5A;   /* 文本颜色 */
        }

        body {
            background-color: var(--bg-light);
            color: var(--text-dark);
            font-family: "Segoe UI", sans-serif;
        }

        form {
            width: 500px;
            margin: 50px auto;
            padding: 25px;
            background-color: var(--bg-dark);
            border: 2px solid var(--primary);
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(255, 107, 155, 0.3);
        }

        table td {
            padding: 10px;
        }

        input, select {
            width: 100%;
            padding: 8px;
            background-color: #F5F5F5;
            color: var(--text-dark);
            border: 1px solid var(--primary);
            border-radius: 5px;
        }

        input[type="submit"], a {
            display: inline-block;
            margin-top: 20px;
            padding: 10px 20px;
            background: var(--primary);
            color: white;
            border-radius: 5px;
            text-decoration: none;
        }

        a:hover, input[type="submit"]:hover {
            background: var(--secondary);
        }
    </style>
</head>
<body>
<h2 style="text-align:center; color: var(--primary);">添加商品分类</h2>
<form action="${pageContext.request.contextPath}/category/add" method="post">
    <table>
        <tr><td>标题:</td><td><input type="text" name="title" required></td></tr>
        <tr><td>父ID:</td><td><input type="number" name="pid" value="0" required></td></tr>
        <tr><td>状态:</td><td>
            <select name="state">
                <option value="1" selected>启用</option>
                <option value="0">禁用</option>
            </select>
        </td></tr>
    </table>
    <input type="submit" value="提交">
    <input type="button" class="btn" value="取消" onclick="window.location.href='${pageContext.request.contextPath}/category/list'">
</form>
</body>
</html>